<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{if isset($data_seo.seo_title)}{$data_seo.seo_title}{/if}</title>
    <meta charset="UTF-8" name="keywords" content="{if isset($data_seo.seo_keywords)}{$data_seo.seo_keywords}{/if}">
    <meta charst="UTF-8" name="description" content="{if isset($data_seo.seo_description)}{$data_seo.seo_description}{/if}">

    <link rel="stylesheet" href="/static/home2/css/main.css">
    <link rel="stylesheet" type="text/css" href="/static/home2/css/swiper-3.4.2.min.css">
</head>
<style>

    .index_pinpai { text-align: center; max-width: 1920px; margin: auto; position: relative }
    .index_pinpai a:hover img { transform: scale(1); }
    .index_pinpai img.big { width: 100%;height:100%; }
    .index_pinpai .txt { position: absolute; bottom: 10%; width: 510px; left: 50%; margin-left: -255px; color: #FFF; }
    .index_pinpai .txt img { display: inline-block; }
    .index_pinpai .txt img.sp_c { padding: 0 10px }
    .index_pinpai .sp1 a img { transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; -moz-transition: All 0.8s ease-in-out; -o-transition: All 0.8s ease-in-out; }
    .index_pinpai .sp1 a img:hover { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); }
    .index_pinpai .txt .sp1 { display: block; }
    .index_pinpai .txt .sp2 { display: block; padding-top: 10px; }
    .index_pinpai h2 { font-family: "DINCond-Bold"; font-size: 34px; color: #ff283c; }
    .index_pinpai h3 { font-weight: normal; padding-top: 5px; }
</style>
<body>
<div class="top">
    <div class="top-1">
        波西米亚集团首页
        <img class="top-jiantou" src="/static/home2/img/zuojt.png" alt="">
    </div>
    <img class="dnqdn" src="/static/home2/img/dnqdn.png" alt="">

    <div class="top-2">
        {if isset($data_ext.tell)}{$data_ext.tell}{/if}
    </div>
    <img class="tubiao" src="/static/home2/img/tubiao.png" alt="">
    <div class="tt-right">
        <!--<a target="_blank" href="{if isset($data_ext.service_link)}{$data_ext.service_link}{/if}" class="a2">获取报价&nbsp&nbsp&nbsp&nbsp/</a>-->
        <a href="{if isset($data_ext.xlwb)}{$data_ext.xlwb}{/if}" target="_blank" class="a3"></a>
        <a href="#" class="a4">  <img src="{if isset($data_ext.wx_code)}{$data_ext.wx_code}{/if}" alt=""></a>
    </div>
</div>
<div class="nav">
    <div class="nav-1">
        <img src="/static/home2/img/wzrwyg.png" alt="">
    </div>
    <div class="nav-2">

        <p class="nav-2-1">
            <a href="/">
                <span class="nav-2-1-1 dangqym">首页</span>
                <span class="nav-2-1-2 dangqym">/ HOME</span>
            </a>
        </p>
        <p class="nav-2-1">
            <a href="/index.php/zphome">
            <span class="nav-2-1-1">样片</span>
            <span class="nav-2-1-2">/ WORKS</span>
            </a>
        </p>
        <p class="nav-2-1">
            <a href="/index.php/kephome">
            <span class="nav-2-1-1">客片</span>
            <span class="nav-2-1-2">/ SHOW</span>
            </a>
        </p>
        <p class="nav-2-1">
            <a href="/index.php/zxhome">
            <span class="nav-2-1-1">最新发布 </span>
            <span class="nav-2-1-2">/ NEWS</span>
            </a>
        </p>
        <p class="nav-2-1">
            <a href="/index.php/brand">
            <span class="nav-2-1-1">品牌</span>
            <span class="nav-2-1-2">/ BRAND</span>
            </a>
        </p>
        <p class="nav-2-1">
            <a href="/index.php/contactus">
            <span class="nav-2-1-1">联系</span>
            <span class="nav-2-1-2">/ CONTACT</span>
            </a>
        </p>
        <p class="nav-2-1">
            <a href="/index.php/Guest">
            <span class="nav-2-1-1">自助报价</span>
            <span class="nav-2-1-2">/ OFFER</span>
            </a>
        </p>
    </div>
</div>

<div class="banner   swiper-container swiper-container-horizontal">
    <div class="swiper-wrapper clearfix " style="width: 30000px">
        {volist name="data_banner_1" id="v"}
        <div class="swiper-slide" style="float:left;width: 100vw;"><a class="pc-banner"  target="_blank" href="{$v.out_link}"> <img src="{$v.banner_img}" style="width: 100vw;min-width: 1200px;display:block"/></a></div>
        {/volist}
        <div class="clearfloat">
        </div>
    </div>
    <div class="swiper-pagination xyd1" style="bottom: 30px;"></div>

    <div class="swiper-button-prev lft1"></div>
    <div class="swiper-button-next rit1"></div>
</div>

<div class="zhaungshi">
    <div style="margin:0 auto;width: 854px;">
        <div class="zs-tp"><img src="/static/home2/img/zs-1.png" alt=""></div>
        <div class="zs-tp"><img src="/static/home2/img/zs-2.png" alt=""></div>
        <div class="zs-tp"><img src="/static/home2/img/zs-3.png" alt=""></div>
        <div class="zs-tp"><img src="/static/home2/img/zs-4.png" alt=""></div>
        <div class="zs-tp"><img src="/static/home2/img/zs-5.png" alt=""></div>
    </div>
</div>
<div class="wjjd">
    <div class="wjjd-1">
        <img class="wjjd-img" src="/static/home2/img/djwjjd.png" alt="">
    </div>

    <div class="wjjd-2">
        {volist name="data_cg" id="v"}
        <a href="/index.php/jdhome/details?id={$v.id}">
        <div class="wjjd-2-1">
            <div class="wjjd-2-1-1">
                <img src="{$v.main_img}" alt="">
                <div class="wjjd-2-1-1-mb"><img src="/static/home2/img/mb-1.png" alt=""></div>
            </div>
            <div class="wjjd-2-1-2">
                <div class="wjjd-2-1-2-1">
                    <p>{$v.title}</p>
                    <span>BOSMIA {if $v.create_time >0}{$v.create_time|date='Y',###}{/if}</span>
                </div>
                <img class="wjjd-2-1-2-2" src="/static/home2/img/pz.png" alt="">
            </div>
        </div>
        </a>
        {/volist}
        <div class="clearfloat">

        </div>
    </div>
</div>
<!--视频-->
<div class="banner">
    <div class="index_pinpai" style="overflow:hidden;">
        <a href="{$data_banner_3['out_link']}" target="_blank"><img class="big" src="/statics/model/images/shouyeshipinzhezhao.png" alt="" >
            <video autoplay="autoplay" id="videoALL" loop="" playsinline="true" poster="" src="{$data_banner_3['video_url']}" webkit-playsinline="true" muted="" width="1920" x-webkit-airplay="allow" x5-video-player-fullscreen="true" x5-video-player-type="h5"></video>
        </a>
        <div class="txt">
    <span class="sp1">
      <img class="sp_l" src="/static/home2/img/index-movie_1.png" alt="">
        <a href="/index.php/video/" target="_blank">
          <img class="sp_c" src="/static/home2/imgindex-movie_3.png" alt="">
        </a>
      <img class="sp_r" src="/static/home2/img/index-movie_2.png" alt="">
    </span>
            <span class="sp2">
      <h2>ONLY MICROFILM</h2>
			<h3>{$data_banner_3['title']}</h3>
		</span>
        </div>
    </div>
</div>

<div class="rmpsz">
    <img src="/static/home2/img/rmps.png" alt="">

    <div class="rmpsz-1">
        {volist name="data_wn" id="v"}
        <a href="/index.php/zxhome/details?id={$v.id}">
        <div class="rmpsz-1-1">
            <div class="rmpsz-1-1-1">
                <img src="{$v.main_img}" alt="">
            </div>
            <div class="rmpsz-1-1-2">
                <div class="rmpsz-1-1-2-1"> {$v.title}<img src="/static/home2/img/jiahao.png" alt=""></div>
                <div class="rmpsz-1-1-2-2">BOSMIA PHOTO Newest Sample series </div>
                <div class="rmpsz-1-1-2-3">{$v.seo_description}</div>
            </div>
        </div>
        </a>
        {/volist}

        <div class="clearfloat">

        </div>
    </div>
</div>
<div class="zxyp">
    <div class="zxyp-1">
        <img class="zxyp-img" src="/static/home2/img/zxyp.png" alt="">
    </div>

    <div class="zxyp-2">
        {volist name="data_zmyp" id="v"}
        <a href="/index.php/zphome/details?id={$v.id}">
        <div class="zxyp-2-1">
            <div class="zxyp-2-1-1">
                <img src="{$v.main_img}" alt="">
                <div class="zxyp-2-1-1-mb"><img src="/static/home2/img/mb-2.png" alt="{z.seo_keywords}"></div>
            </div>
            <div class="zxyp-2-1-2">
                <div class="zxyp-2-1-2-1">
                    <p>{$v.title}</p>
                    <span style="display:block;transform:scale(0.8);width:400px;margin-left: -40px">BOSMIA PHOTO Newest Sample series</span>
                    <span>拍摄场景:{$v.name}</span>
                    <img src="/static/home2/img/jiahao.png" alt="">
                </div>
                <div class="zxyp-2-1-2-2">
                    <img src="/static/home2/img/yanjing.png" alt="">
                    <p>{$v.click}</p>
                </div>
            </div>
        </div>
        </a>
        {/volist}

        <div class="clearfloat">

        </div>
    </div>
</div>
<div class="banner" style="position: relative;">
    <div class="shztd-x">
        <img src="/static/home2/img/banner-3.jpg" alt="">
        {volist name="data_bannerpy" id="v"}
        <img class="img" src="{$v.banner_img}" alt="{$v.seo_description}">
        {/volist}

        <div class="shuaxinlan1">
            刷新查看下一组 <img src="/static/home2/img/shuaxin.png" alt="">
        </div>
    </div>
    <div class="shztd">
        <div class="shztd-1">
            <div class="shztd-1-1">
                <div class="shztd-1-1-1"><span class="customfont1" style="font-size: 30px;color: #fff">10</span><span style="margin-left: 8px;color: #fff">年</span></div>
                <div class="shztd-1-1-2"></div>
                <div class="shztd-1-1-1"><span class="customfont1" style="font-size: 30px;color: #fff">5</span><span style="margin-left: 8px;color: #fff">城</span></div>
                <div class="shztd-1-1-2"></div>
                <div class="shztd-1-1-1"><span class="customfont1" style="font-size: 30px;color: #fff">10</span><span style="margin-left: 8px;color: #fff">店</span></div>
                <div class="shztd-1-1-3">每日客片持续更新</div>
            </div>
            <div class="shztd-1-2">
                <span class="customfont2" style="font-size:130px" id="myTargetElement"></span>张
            </div>
            <div class="shztd-1-3">
                <span style="font-weight:600">每天</span>，刷新幸福指数上限
            </div>
            <div class="shztd-1-4">
                <img src="/static/home2/img/kzan.jpg" alt="">
            </div>
        </div>
    </div>
    <img class="banner-2" src="/static/home2/img/banner-3.jpg" alt="">
    <img class="banner-2" src="/static/home2/img/banner-4.jpg" alt="">
    <div class="clearfloat"></div>
</div>

<div class="zxkp">
    <div class="zxkp-1">
        <img class="zxkp-img" src="/static/home2/img/zskp.png" alt="">
    </div>

    <div class="zxkp-2">
        {volist name="data_wk" id="v"}
        <a href="/index.php/kephome/details?id={$v.id}">
        <div class="zxyp-2-1">
            <div class="zxyp-2-1-1">
                <img src="{$v.main_img}" alt="">
                <div class="zxyp-2-1-1-mb"><img src="/static/home2/img/mb-2.png" alt=""></div>
            </div>
            <div class="zxyp-2-1-2">
                <div class="zxyp-2-1-2-1">
                    <p class="customfont2">{if $v.ps_time >0}{$v.ps_time|date='Y.m.d',###}{/if}</p>
                    <span style="display:block;transform:scale(0.8);width:400px;margin-left: -40px">BOSMIA PHOTO Newest Sample series</span>
                    <span>{$v.seo_title}</span>
                    <img style="left:95px" src="/static/home2/img/jiahao.png" alt="">
                </div>
                <div class="zxyp-2-1-2-2">
                    <img src="/static/home2/img/yanjing.png" alt="">
                    <p>{$v.click}</p>
                </div>
            </div>
        </div>
        </a>
        {/volist}
        <div class="clearfloat"></div>
    </div>
    <div class="zxkp-3">
        <div class="zxkp-3-1">
            <a href="/index.php/kephome">
                <div class="zxkp-3-1-1">
                    <img src="/static/home2/img/anniu-1.png" alt="">
                </div>
            </a>  
            <a href="/index.php/Guest"> 
                <div class="zxkp-3-1-2">
                    <img src="/static/home2/img/anniu-2.png" alt="">
                </div>
            </a> 
            <img src="/static/home2/img/jiahao.png" alt="">
        </div>
        <div class="zxkp-3-2">
            <img src="/static/home2/img/yw.png" alt="">
        </div>
    </div>
</div>
<!--服务优势-->
<div class="fwys">
    <div class="fwys-1">
        <img class="fwys-img" src="/static/home2/img/fwys.png" alt="">
    </div>
    <div class="fwys-2">
        <div class="fwys-2-1">
             <img  style="opacity: 0;width: 100%;display: block" src="/uploads/cg/20180906\3160e3a796807bfe27bfafb58fce5262.jpg" alt="">
            {volist name="data_aos" id="v"}
            <a href="index.php/index/details?id={$v.id}"> <img  id="{$v.id}" class="yinc" src="{$v.main_img}" alt="{$v.id}"></a>
            {/volist}

        </div>
        <div class="fwys-2-2">
            {volist name="data_aos" id="v"}
            <div data-id="{$v.id}" class="fwys-2-2-1">
                <div class="fwys-2-2-1-2"><img src="/static/home2/img/fw-1.jpg" alt="{$v.id}"> </div>
                <img src="{$v.vice_img}" alt="">
                <div class="fwys-2-2-1-1">
                    {$v.title}
                </div>
            </div>
            {/volist}
        </div>
    </div>
</div>
<!--底部视频-->
<div class="banner">

    <div class="index_pinpai" style="overflow:hidden;">
        <a href="{$data_banner_font['out_link']}" target="_blank"><img class="big" src="/statics/model/images/shouyeshipinzhezhao.png" alt="" style="position:absolute;height:498px;">
            <video autoplay="autoplay" id="videoALL" loop="" playsinline="true" poster="" src="{$data_banner_font['video_url']}" webkit-playsinline="true" muted="" width="1920" x-webkit-airplay="allow" x5-video-player-fullscreen="true" x5-video-player-type="h5"></video>
        </a>
        <div class="txt">
    <span class="sp1">
      <img class="sp_l" src="/static/home2/img/index-movie_1.png" alt="">
        <a href="/index.php/video/" target="_blank">
          <img class="sp_c" src="/static/home2/imgindex-movie_3.png" alt="">
        </a>
      <img class="sp_r" src="/static/home2/img/index-movie_2.png" alt="">
    </span>
            <span class="sp2">
      <h2>ONLY MICROFILM</h2>
			<h3>{$data_banner_font['title']}</h3>
		</span>
        </div>
    </div>
</div>

<div class="genduo">
    <div class="more">
        <img src="/static/home2/img/anniu-3.png" alt="">
        <a href="#"><div class="dianji1"></div></a> 
        <a href="/index.php/Guest"><div class="dianji2"></div></a>
    </div>
    <div class="red-area">
        <div class="red"></div>
        <div class="red-out pulse1"></div>
    </div>
</div>

</body>

{include file="public/foot"}
<style>

</style>
 <script>
     $("#30").addClass("xianshi")
    $(".fwys-2-2 .fwys-2-2-1:nth-child(1)").hover(function(){
        $(".yinc:eq(0)").addClass("xianshi")
        $(".yinc:eq(0)").parent().siblings().children(".yinc").removeClass("xianshi")
    },function(){
      
    })  
    $(".fwys-2-2 .fwys-2-2-1:nth-child(2)").hover(function(){
        $(".yinc:eq(1)").addClass("xianshi")
        $(".yinc:eq(1)").parent().siblings().children(".yinc").removeClass("xianshi")
        console.log(2)
    },function(){
       
    }) 
    $(".fwys-2-2 .fwys-2-2-1:nth-child(3)").hover(function(){
        $(".yinc:eq(2)").addClass("xianshi")
        $(".yinc:eq(2)").parent().siblings().children(".yinc").removeClass("xianshi")
        console.log(3)
    },function(){
       
    }) 
    $(".fwys-2-2 .fwys-2-2-1:nth-child(4)").hover(function(){
        $(".yinc:eq(3)").addClass("xianshi")
        $(".yinc:eq(3)").parent().siblings().children(".yinc").removeClass("xianshi")
        console.log(4)
    },function(){
        
    })   
   

    </script>
<script type="text/javascript">
    var options = {
        useEasing : true,
        useGrouping : true,
        separator : ',',
        decimal : '.',
        prefix : '',
        suffix : ''
    };
    var demo = new CountUp("myTargetElement", 0, {$data_sys.kh_num}, 0, 2.5, options);
    $(window).scroll(function(){
        if($(window).scrollTop()>=4000){
            demo.start();
        }
    })
</script>

</html>